<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>courseoffering_search</title>
		<meta name="description" content="" />
		<meta name="author" content="sahsharm" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<!--<link rel="stylesheet" type="text/css" href="../../lib/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="../../lib/bootstrap/css/bootstrap-responsive.css">-->
		<link rel="stylesheet" type="text/css" href="../../lib/star-rating/jquery.rating.css">
		<link rel="stylesheet" type="text/css" href="../course/css/course_theme.css">

		<!--<script type="text/javascript" src="../../lib/jquery-1.7.1.js"></script>
		<script type="text/javascript" src="../../lib/handlebars.js"></script>-->
		<script type="text/javascript" src="../course/js/coursemgtservice.js"></script>
		<script type="text/javascript" src="../course/js/coursemgtcontroller.js"></script>
		<script type="text/javascript" src="../../lib/star-rating/jquery.rating.pack.js"></script>

		<script id="courseoffering-search-tmpl" type="text/x-handlebars-template">
			{{#courseofferings}}
			<section class="result-part">
				<div class="pull-left">
					<img id="result-thumb" src="{{img}}">
				</div>
				
				<div>
					<h3>
						<a class="view-detail" href="#">{{title}} </a>
					</h3>
					<h4>
						<a href="#" class="owner-name">By Sahil Sharma</a>
					</h4>
				
					<div class="short-desc pull-left">
						<p>{{description}}</p>
						<br>
						{{#if lessons.length}}
							<h6>Lessons</h6>
							{{#each lessons}}
								<h7>{{title}}</h7>
							{{/each}}
							<br>
						{{/if}}
					</div>
					
				<div class="pull-right">
				<!-- star rating inputs -->
				<input name="star1" type="radio" class="star-rating" disabled="disabled"/>
				<input name="star1" type="radio" class="star-rating" disabled="disabled"/>
				<input name="star1" type="radio" class="star-rating" disabled="disabled" checked="checked"/>
				<input name="star1" type="radio" class="star-rating" disabled="disabled"/>
				<input name="star1" type="radio" class="star-rating" disabled="disabled"/>
				<p class="price">Price: {{price}}</p>
				<button class="btn btn-success">Add</button>
				</div>
				
			</div>
			</section>
			{{/courseofferings}}
		</script>

		<script type="text/javascript">
			$(document).ready(function() {
				CourseMgtController.searchCourseOfferings();
			});
		</script>

	</head>

	<body>
		<form id="search" class="well form-inline">
			<div class="container">
				<div class="row">
					<div class="span12">
						<input id="inputSearch" class="span8" type="text" placeholder="For e.g - GMAT" data-provider="typeahead">
						<a id="btnSearch" class="btn btn-primary" title="Search" href="#">Search</a>
					</div>
				</div>
			</div>
		</form>
		<div id="content" class="well">
			<div id="container" class="container">
				<div class="row">
					<div id="results-container" class="span9">
						<h4><small>1,428 results in 13.5 ms</small></h4>
						<div id="results" class="span9"></div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
